<template>
  <div class='detail'>
    <p class="pr"><span>联系人：{{formatInfo.teacher || "暂无"}}</span><a class="color-green" @click.stop="telTo(formatInfo.tel)">{{formatInfo.tel}}</a></p>
    <p class="pr"><span>地点：{{formatInfo.location || "暂无"}}</span></p>
    
    <ul class="job-detail">
      <li v-for="(item, index) in formatInfo.posts" :key="index">
        <p class="job-name">{{item.name}}</p>
        <p>{{item.content}}</p>
      </li>
    </ul>
    <div class="company-info">
      <img class="logo fr" :src="logo" alt="">
      <p class="title">{{formatInfo.title}}</p>
      <p class="content">{{formatInfo.content}}</p>
    </div>
  </div>
</template>
<script>
export default {
  props:["info"],
  components: {},
  name: "",
  data() {
    return {
      logo:require('../../../../../assets/images/home/img-profile.png')
    };
  },
  computed:{
    formatInfo(){
      return this.info || {}
    }
  },
  methods: {
    telTo(tel){
      _g.telTo(tel)
    },
  },
  created() {}
};
</script>
<style lang="scss" scoped>
@import "../../common/detail.scss";
</style>